<!DOCTYPE html>
<html>
	<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <meta content="telephone=no" name="format-detection">
  	<meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
    <link rel="stylesheet" href="/invite/css/style.css">
    <link rel="stylesheet" href="/invite/css/index.css">
    <link rel="stylesheet" type="text/css" href="/invite/script/layui/css/layui.css"/>
    <link rel="stylesheet" href="/invite/css/Download.css">
    <script src="/invite/script/fontsize.js"></script>
    <script src="/login/jquery-1.11.3.min.js"></script>
		<style>
			.andrioid_d{
				margin-top:0px;


			}
			.app{
				padding-bottom:0px;
			}
			.andrioid_d p{
				color:#FF962E!important;
			}
			html,body{
				height:100%;
			}

			.wxtip {
				display: none;
				position: absolute;
				width: 100%;
				/*height: 100%;*/
				background: #cecece;
				opacity: 0.9;
			}

			.wxtipimg {
				display: none;
				position: absolute;
				right: 0;
				top: 0;
				width: 60vw;
				z-index: 2;
			}

		</style>
</head>
	<body>
		<div class="app">
			<p class="logo_box"><img src="/invite/img/logo_c.png"/></p>
			<p class="logo_text"><img src="/invite/img/logotext_c.png"/></p>
			{{--<p class="logo_text"><img src="/invite/img/az.png"/></p>--}}
			{{--<p class="logo_text"><img src="/invite/img/ios.png"/></p>--}}


			<div id="one" class="ios_d andrioid_d " style="margin-top:3.1rem;border-width:2px;" onclick="down2()">
				<img src="/invite/img/anzhuo.png"/>
				<p>Android版本下载</p>
			</div>
			
			
			<div id="two" class="ios_d" style="margin-top:0.54rem;border-width:2px;" onclick="down1()">
				<img src="/invite/img/ziyuan.png"/>
				<p>ios版本下载</p>
			</div>
			
		</div>
		<div class="wxtip"></div>
		<img class="wxtipimg" src="/invite/img/tip.png">

        <script type="text/javascript">
            $("#one").click(function(){
				$("#one").addClass("andrioid_d")
				$("#two").removeClass("andrioid_d")
				$("#one img").attr("src","/invite/img/anzhuo.png")
				$("#two img").attr("src","/invite/img/ziyuan.png")
            })
			$("#two").click(function(){
				$("#two").addClass("andrioid_d")
				$("#one").removeClass("andrioid_d")
				$("#one img").attr("src","/invite/img/az.png")
				$("#two img").attr("src","/invite/img/ios.png")
			})
        </script>
	</body>
	<script>

		function down2() {
			if (is_weixn()) {
				document.getElementsByClassName("wxtip")[0].style.display = "block"
				document.getElementsByClassName("wxtipimg")[0].style.display = "block";
				return false;
			}else{

				window.open("{{$and_url}}");
			}

		}

		function is_weixn() {
			var ua = navigator.userAgent.toLowerCase();
			if (ua.match(/MicroMessenger/i) == "micromessenger") {
				return true;
			} else {
				return false;
			}
		}

		function down1() {

			if (is_weixn()) {
				document.getElementsByClassName("wxtip")[0].style.display = "block"
				document.getElementsByClassName("wxtipimg")[0].style.display = "block";
				return false;
			}

			window.open("{{$ios_url}}");
		}
	</script>
</html>
